<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<title>邀请好友</title>
<link href="img/css/css.css" rel="stylesheet" type="text/css" />
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="js/QueryStringParser.js"></script>
<script type="text/javascript" src="js/jquery.json.min.js"></script>  
<script type="text/javascript" src="js/jsonMsg.js"></script>  
</head>

<body>
	<div class="keep" id="pop" style="display: none;"><img src="img/Share_popup_text.png"></div>
<div class="friend" id="mines"><img src="img/friend_ico.png"></div>
<div class="code_info mt10">
      <p>您可以邀请您的好友一起关注我们的公众号。您就可以和您的好友一起结伴出游，分享实时位置，进行实时交互。</p>
</div>
<div class="bottom_btn">
     <p class="ico_group4"><button id="onMenuShareAppMessage" class="ico_group_btn" style="cursor:pointer;"><i class="iconfont img">&#xe609;</i>邀请</button></p>
</div>

</body>
</html>


<script>
	var pageURL = location.href.split('#')[0];
	//alert(pageURL);
	var openId = queryString.getParam("openid");
	$(document).ready(function(){

		var dataStr = {
			PageURL: 	pageURL
		};	
		var bodyStr = popBody('JSSignature',dataStr);
		var request = popRequest('JSSignature',openId,bodyStr);
		//调用了jquery.json 库  
		var encoded = $.toJSON( request );  
		var jsonStr = encoded;  

		$.ajax({  
		url : actionStr,  
		type : 'POST',  
		data : jsonStr,  
		dataType : 'json',  
		contentType : 'application/json',  
		success : function(data, status, xhr) {  
		//         Do Anything After get Return data  
		        var timestamp = data.portalResp.Data.timestamp;
		        var noncestr = data.portalResp.Data.noncestr;
		        var signature = data.portalResp.Data.signature;
		        var appId = data.portalResp.Data.appId;  
		        
		         /*
					   * 注意：
					   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
					   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
					   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
					   *
					   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
					   * 邮箱地址：weixin-open@qq.com
					   * 邮件主题：【微信JS-SDK反馈】具体问题
					   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
					   */
					  wx.config({
					      debug: false,
					      appId: appId,
					      timestamp: timestamp,
					      nonceStr: noncestr,
					      signature: signature,
					      jsApiList: [
					      	'hideOptionMenu',
					      	'showOptionMenu',
					        'onMenuShareAppMessage'
					      ]
					  });
					  
					wx.ready(function () {
						wx.hideOptionMenu();
					});
					
					dataStr = {
						OpenID: 	openId
					};	
					bodyStr = popBody('UserDetail',dataStr);
					request = popRequest('UserDetail',openId,bodyStr);
					//调用了jquery.json 库  
					encoded = $.toJSON( request );  
					jsonStr = encoded;  
					$.ajax({  
					url : actionStr,  
					type : 'POST',  
					data : jsonStr,  
					dataType : 'json',  
					contentType : 'application/json',  
					success : function(data, status, xhr) { 
						//$("#mines").html("");	
						var imageURL = data.portalResp.Data.Profiles.ImageURL;
						if(imageURL.substring(imageURL.length-3)=="/64"){
          			imageURL = imageURL.substring(0,imageURL.length-3)+"/132";
          	}
						//$("#mines").html("<img src='"+imageURL+"'>");	
						
						wx.ready(function () {
							wx.hideOptionMenu();
						  // 2. 分享接口
						  // 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口
						  document.querySelector('#onMenuShareAppMessage').onclick = function () {
						  	document.getElementById("pop").style.display="";
						  	wx.showOptionMenu();
						    wx.onMenuShareAppMessage({
						      title: '好友邀请',
						      desc: '您的好友'+data.portalResp.Data.Profiles.NickName+'邀请您加入公众号--结伴旅行。同行的还有高帅富、白富美，您还在等什么呢。',
						      link: "https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appId+"&redirect_uri="+encodeURIComponent(pageURL.substring(0,pageURL.lastIndexOf("/"))+"/oauthServlet?type=1&openid="+openId)+"&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect",
						      imgUrl: imageURL,
						      trigger: function (res) {
						        //alert('用户点击发送给朋友');
						      },
						      success: function (res) {
						      	document.getElementById("pop").style.display="none";
						        alert('已邀请');
						      },
						      cancel: function (res) {
						        alert('已取消');
						      },
						      fail: function (res) {
						        alert(JSON.stringify(res));
						      }
						    });
						    //alert('注册获取“发送给朋友”状态事件');
						  };
						
						  var shareData = {
						    title: '微信JS-SDK Demo',
						    desc: '微信JS-SDK,帮助第三方为用户提供更优质的移动web服务',
						    link: 'http://demo.open.weixin.qq.com/jssdk/',
						    imgUrl: 'http://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRt8Qia4lv7k3M9J1SKqKCImxJCt7j9rHYicKDI45jRPBxdzdyREWnk0ia0N5TMnMfth7SdxtzMvVgXg/0'
						  };
						  wx.onMenuShareAppMessage(shareData);
	
						});
					
						wx.error(function (res) {
						  alert(res.errMsg);
						});
					},  
					Error : function(xhr, error, exception) {  
					    // handle the error.    
					    alert(exception.toString());  
						}  
					}); 
		},  
		Error : function(xhr, error, exception) {  
		    // handle the error.    
		    alert(exception.toString());  
		}  
		});  
	

 
});
</script>

